* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 960px) and (max-width: 1680px) {
    .container {
        width: 70vw;
        padding: 0;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1680px) {
    .container {
        width: 55vw;
        padding: 0;
        margin: 0 auto;
    }
}

/* 路由动画 */
.child-view {
    overflow: hidden;
    transition: all .8s cubic-bezier(.55, 0, .1, 1);
    /*transition: all 0.5s ease-in-out;*/
}

/* 离开 */
.slide-fade-leave-to {
    opacity: 0;
    transform: translateX(50px)
}

/* 进入 */
.slide-fade-enter-from {
    opacity: 0;
    transform: translateX(-50px)
}

a {
    text-decoration: none;
    color: #1F2225;
}

pre code {
    border-radius: 0.4vw;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 1), 3px 3px 7px rgba(0, 0, 0, 0.5);
    margin: 0.5vw 0;
    font-family: 'Fira Code', monospace;
}

.hljs-ln-numbers {
    text-align: center;
    color: #ccc;
    border-right: 1px solid #CCC;
    vertical-align: top;
    padding-right: 5px !important;

    /* your custom style here */
}

/* 修改代码列样式 */
.hljs-ln-code {
    padding-left: 5px !important;
}
